<template>
  <div class="affiliation-page-block">
    <head-t :content="title" v-if="title"></head-t>
    <slot></slot>
  </div>
</template>

<script>
import HeadT from '../HeadTemp.vue';

export default {
  name: "AffiliationPageBlock",
  props: {
    title: String
  },
  components: {
    HeadT
  }
};
</script>

<style scoped lang="scss">
.affiliation-page-block {
  background-color: #fafafa;
  position: relative;
  box-sizing: border-box;
  min-height: 100px;

  &::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #0c84c94b transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
  }

  &::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #124486cb transparent;
    right: 0;
    bottom: 0;
  }
}
</style>
